<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="../images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="../images/apple-touch-icon.png">
    <title>SeedsUI Demos</title>
    <link rel="stylesheet" href="../../dist/seedsui.min.css">
    <link rel="stylesheet" href="about/about.css">
    <style>
    .list .li{
        padding: 12px 12px 12px 12px;
    }
    .list .li-inner{
        padding: 12px 12px 12px 0;
        margin-left: 12px;
    }
    </style>
</head>

<body ontouchstart="">
    <header>
        <div class="titlebar">
            <h1 class="titlebar-title">SeedsUI</h1>
            <a class="titlebar-button" href="javascript:showAbout()"><i class="icon icon-rdoinfo"></i></a>
        </div>
        <div style="padding: 8px 0;">
            <ul class="tabbar tabbar-rect" data-col="3" id="ID-Tabbar" style="width:80%">
                <li class="tab active" data-id="ID-CssCompoents">
                    <label class="tab-label">CSS组件</label>
                </li>
                <li class="tab" data-id="ID-JsCompoents">
                    <label class="tab-label">JS组件</label>
                </li>
                <li class="tab" data-id="ID-LocCompoents">
                    <label class="tab-label">本地能力</label>
                </li>
            </ul>
        </div>
    </header>
    <article style="padding-top:92px">
        <div class="slider-container topline" id="ID-Pages" style="height: 300px;background-color:white;">
        <div class="slider-wrapper">
        <div class="slider-slide">
            <!--CSS组件:start-->
            <ul class="list">
                <li class="statusbar underline">
                    <p class="statusbar-title">文字图标</p>
                </li>
                <li>
                    <a class="list-li underline" href="iconfont.html">
                        <p class="list-container">文字图标</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">导航控件</p>
                </li>
                <li>
                    <a class="list-li underline" href="titlebar.html">
                        <p class="list-container">TitleBar</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="tabbar.html">
                        <p class="list-container">TabBar</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">按钮</p>
                </li>
                <li>
                    <a class="list-li underline" href="button.html">
                        <p class="list-container">Button</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">徽章</p>
                </li>
                <li>
                    <a class="list-li underline" href="badge.html">
                        <p class="list-container">Badge</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">分组</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="group-block.html">
                        <p class="list-container">块级分组</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="group-card.html">
                        <p class="list-container">卡片分组</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="group-row.html">
                        <p class="list-container">行分组</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">表格</p>
                </li>
                <li>
                    <a class="list-li underline" href="table.html">
                        <p class="list-container">Table</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">栅格</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="grid.html">
                        <p class="list-container">九宫格</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="grid-metro.html">
                        <p class="list-container">块级栅格</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">列表</p>
                </li>
                <li>
                    <a class="list-li underline" href="list.html">
                        <p class="list-container">列表</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">基础组件</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="animate.html">
                        <p class="list-container">动画</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="bg.html">
                        <p class="list-container">背景</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="layout.html">
                        <p class="list-container">布局</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="shape.html">
                        <p class="list-container">形状</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="code.html">
                        <p class="list-container">代码展现</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">错误页面</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="404.html">
                        <p class="list-container">404</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="500.html">
                        <p class="list-container">500</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="nowifi.html">
                        <p class="list-container">无网络</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
            </ul>
            <!--CSS组件:end-->
        </div>
        <div class="slider-slide">
            <!--JS组件:start-->
            <ul class="list">
                <li class="statusbar underline">
                    <p class="statusbar-title">单页模式</p>
                </li>
                <li>
                    <a class="list-li li-inner" href="section.html">
                        <p class="list-container">单页模式</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">列表操作</p>
                </li>
                <li>
                    <a class="list-li underline" href="indexbar.html">
                        <p class="list-container">通讯录索引</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="listpull.html">
                        <p class="list-container">拖动列表</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">弹出框</p>
                </li>
                <li>
                    <a class="list-li underline" href="popup.html">
                        <p class="list-container">弹出框</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">侧边栏</p>
                </li>
                <li>
                    <a class="list-li underline" href="aside.html">
                        <p class="list-container">侧边栏</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">表单</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="form.html">
                        <p class="list-container">表单元素</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="form-serialize.html">
                        <p class="list-container">表单序列化</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="form-validate.html">
                        <p class="list-container">表单验证</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="form-idvalidator.html">
                        <p class="list-container">身份证验证</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">富文本</p>
                </li>
                <li>
                    <a class="list-li underline" href="chat.html">
                        <p class="list-container">聊天框</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">文字计数器</p>
                </li>
                <li>
                    <a class="list-li underline" href="form-countvalue.html">
                        <p class="list-container">文字计数</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">计数器</p>
                </li>
                <li>
                    <a class="list-li underline" href="counter.html">
                        <p class="list-container">计数器</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">日历</p>
                </li>
                <li>
                    <a class="list-li underline" href="calendar.html">
                        <p class="list-container">日历</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">树结构</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="tree.html">
                        <p class="list-container">树结构展现</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="tree-selected.html">
                        <p class="list-container">树结构选择</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">加载</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="loading.html">
                        <p class="list-container">加载框</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="imglazy.html">
                        <p class="list-container">懒人加载</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">选择器</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="scrollpicker.html">
                        <p class="list-container">滚动选择器</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="scrollpicker-city.html">
                        <p class="list-container">地区选择器</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="scrollpicker-date.html">
                        <p class="list-container">日期时间</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="scrollpicker-datetime.html">
                        <p class="list-container">起止时间</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">滑动容器</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="slider.html">
                        <p class="list-container">滑动容器</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="slider-page.html">
                        <p class="list-container">滑动页面</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">下拉刷新</p>
                </li>
                <li>
                    <a class="list-li underline" href="dragrefresh.html">
                        <p class="list-container">下拉刷新</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">可视化数据</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="timepart.html">
                        <p class="list-container">时间段控件</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="gauge.html">
                        <p class="list-container">仪表盘</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="doughnut.html">
                        <p class="list-container">环形</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="clock.html">
                        <p class="list-container">时钟</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="progress.html">
                        <p class="list-container">进度条</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="weather.html">
                        <p class="list-container">天气</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="charts-bar.html">
                        <p class="list-container">柱状图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="charts-doughnut-simple.html">
                        <p class="list-container">简单环形图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="charts-doughnut.html">
                        <p class="list-container">环形图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="charts-line.html">
                        <p class="list-container">折线图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="charts-pie.html">
                        <p class="list-container">饼图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="charts-pie-simple.html">
                        <p class="list-container">简单饼图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li class="statusbar underline">
                    <p class="statusbar-title">工具库</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="db.html">
                        <p class="list-container">本地数据库</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="shake.html">
                        <p class="list-container">摇一摇</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
            </ul>
            <!--JS组件:end-->
        </div>
        <div class="slider-slide">
            <!--本地能力:start-->
            <div id="ID-ExmobiContainer" style="display: none;">
                <ul class="list">
                    <li class="statusbar underline">
                        <p class="statusbar-title">exmobi本地能力</p>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-tel.html')">
                            <p class="list-container">电话与通讯</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-camera.html')">
                            <p class="list-container">照片选择</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-gps.html')">
                            <p class="list-container">定位</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-qrcode.html')">
                            <p class="list-container">扫码</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-third.html')">
                            <p class="list-container">调用第三方</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-webview.html')">
                            <p class="list-container">webview控件</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li li-inner underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-pattern.html')">
                            <p class="list-container">手势密码</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                    <li>
                        <a class="list-li underline" href="javascript:Exmobi.openWebview('res:page/www/components/exmobi-cache.html')">
                            <p class="list-container">缓存</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <div id="ID-WeixinContainer" style="display: none;">
                <ul class="list">
                    <li class="statusbar underline">
                        <p class="statusbar-title">微信本地能力</p>
                    </li>
                    <li>
                        <a class="list-li underline" href="weixin.html">
                            <p class="list-container">微信本地能力</p>
                            <i class="list-icon icon-arrowright"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="list">
                <li class="statusbar underline">
                    <p class="statusbar-title">h5本地能力</p>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="video.html">
                        <p class="list-container">多媒体</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li li-inner underline" href="local-map.html">
                        <p class="list-container">签到地图</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
                <li>
                    <a class="list-li underline" href="local-gps.html">
                        <p class="list-container">定位</p>
                        <i class="list-icon icon-arrowright"></i>
                    </a>
                </li>
            </ul>
            <!--本地能力:end-->
        </div>
        </div>
        </div>
    </article>
    <!--关于-->
    <div class="about-box" id="ID-About-Container">
        <div class="topic" id="ID-About-Topic1">
            <div class="welcome-title">SeedsUI</div>
            <div class="subtitle" id="ID-About-Subtitle1">基于HTML5 | CSS3 | ES5 轻量级WebApp</div>
        </div>
        <!-- 三圆 -->
        <div style="position:absolute;top:35%;left:50%;-webkit-transform:translateX(-50%);width:280px;height:250px;">
            <div class="rdohtml" id="ID-About-RdoHTML">
                HTML5
            </div>
            <div class="rdocss" id="ID-About-RdoCss">
                CSS3
            </div>
            <div class="rdojs" id="ID-About-RdoJs">
                ES5
            </div>
        </div>
        <!-- 丰富的组件 -->
        <div class="topic2" id="ID-About-Topic2">
            <div class="welcome-title">SeedsUI</div>
            <div class="subtitle" id="ID-About-Subtitle2" style="opacity:1;">组件齐全可扩展</div>
        </div>
        <div class="boxplug" id="ID-About-PlugBox">
            <img src="about/chat.png" class="plugchat" id="ID-About-IconChat"/>
            <img src="about/file.png" class="plugfile" id="ID-About-IconFile"/>
            <img src="about/readmark.png" class="plugreadmark" id="ID-About-IconMark"/>
            <img src="about/tel.png" class="plugtel" id="ID-About-IconTel"/>
            <img src="about/home.png" class="plughome" id="ID-About-IconHome"/>
            <img src="about/friends.png" class="plugfriends" id="ID-About-IconFriends"/>
            <img src="about/album.png" class="plugalbum" id="ID-About-IconAlbum"/>
            <img src="about/position.png" class="plugposition" id="ID-About-IconPos"/>
            <img src="about/comments.png" class="plugcomments" id="ID-About-IconComment"/>
            <img src="about/earth.png" class="plugearth" id="ID-About-IconGearth"/>
            <img src="about/message.png" class="plugmessage" id="ID-About-IconMes"/>
            <img src="about/img.png" class="plugimg" id="ID-About-IconImg"/>
            <img src="about/share.png" class="plugshare" id="ID-About-IconShare"/>
            <img src="about/search.png" class="plugsearch" id="ID-About-IconSearch"/>
        </div>
        <div style="position:absolute;bottom:3%;left:50%;-webkit-transform:translate(-50%)" id="ID-About-IconDown"><img src="about/down.png" style="width:24px;"/></div>
        <!-- 我们致力于用户体验 -->
        <div class="topic3" id="ID-About-Topic3">我们致力于用户体验</div>
        
        <img class="pull" src="about/phone.png" id="ID-About-Phone"/>
        <img class="pull" src="about/pull.png" id="ID-About-Pull"/>

        <div style="position:absolute;bottom:0;">
            <input type="hidden" id="ID-About-TxtUp" value="oneanimate"/>
            <input type="hidden" id="ID-About-TxtDown"/>
        </div>
    </div>
    <!-- 加载遮罩 -->
    <div class="loading" id="ID-Loading" style="display: block;background-color: white;">
        <div class="loading-progress-box">
            <div class="loading-progress"></div>
        </div>
    </div>
    <script src="../../dist/seedsui.min.js"></script>
    <script src="about/about.js"></script>
    <script type="text/javascript">
        var view={
            /*=========================
              Model
              ===========================*/
            render:function(){
                var self = this;
                //隐藏遮罩
                this.loading=new Loading({
                    container:"#ID-Loading"
                });
                setTimeout(function(){
                    self.loading.hide();
                },500);
                //渲染页面
                this.slides=document.querySelectorAll("#ID-Pages > .slider-wrapper > .slider-slide");
                this.sliderContainer=document.getElementById("ID-Pages");
                this.sliderContainer.style.height=(window.innerHeight-92)+"px";

                this.tabbarContainer=document.getElementById("ID-Tabbar");
                this.tabs=this.tabbarContainer.querySelectorAll(".tab");

                //初始化滑动
                this.slider=new Slider("#ID-Pages",{
                    onSlideChangeEnd:function(e){
                        self._tabActive(e.activeIndex);
                    }
                });

                //加载数据
                this.loadData();
            },
            refresh:function(){
                console.log("刷新");
            },
            destroy:function(){
                console.log("移除");
            },
            loadData:function(){

                this._attach();//使用backbone时，此行无用
            },
            /*=========================
              Method
              ===========================*/
            _each:function(arr,fn){
                for(var i=0;i<arr.length;i++){
                    if(fn(arr[i],i)==false)break;
                }
            },
            _tabActive:function(index){
                for(var i=0,t;t=this.tabs[i++];){
                    t.classList.remove("active");
                }
                this.tabs[index].classList.add("active");
            },
            /*=========================
              Events
              ===========================*/
            _attach:function(e){
                var self=this;
                for(var i=0,t;t=this.tabs[i++];){
                    t.addEventListener("click",function(e){
                        self._onClickTab(e);
                    },false);
                }
            },
            /*=========================
              Event Handler
              ===========================*/
            _onClickTab:function(e){
                var index=0;
                this._each(this.tabs,function(n,i){
                    if(n==e.target){
                        index=i;
                        return false;
                    }
                });
                this._tabActive(index);
                this.slider.slideTo(index);
            }
        }

        window.addEventListener("load",function(){
            view.render();
            //本地能力
            exmobiLocal();
            weixinLocal();
        }, false);

        /*================
        判断本地能力
        ================*/
        //exmobi环境
        function exmobiLocal(){
            document.addEventListener("plusready",function(){
                document.getElementById("ID-ExmobiContainer").style.display="block";
            },false);
        }
        //微信环境
        function weixinLocal(){
            if(Device.isWeixin){
                document.getElementById("ID-WeixinContainer").style.display="block";
            }
        }
    </script>
</body>
</html>
